<template>
  <div class="home">
    <div class="header">
      <Search class="s1" />
      <Nav class="n1" />
    </div>
    <router-view />
    <!-- <div class="content">
      <Banner />
      <Caidan />

      <img src="001.jpg" alt="" class="nvwang" />
      <List />
      <Like />
    </div> -->
  </div>
</template>

<script>
import Search from "../components/Home/search.vue";
// import Banner from "../components/Home/banner.vue";
import Nav from "../components/Home/nav.vue";
// import Caidan from "../components/Home/caidan.vue";
// import List from "../components/Home/list.vue";
// import Like from "../components/Home/like";

export default {
  data() {
    return {
      sxban: "",
      sxpic: "",
      spban: "",
      sppic: "",
    };
  },
  components: {
    Search,
    // Banner,
    Nav,
    // Caidan,
    // List,
    // Like,
  },
};
</script>

<style scoped>
.home {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #eeeeee;
  margin-bottom: 0.68rem;
}
.header {
  width: 100%;
  height: 0.9rem;
}
.nvwang {
  width: 3.7rem;
  height: 0.95rem;
  margin: 0.05rem 0;
}
.content {
  /* flex: 1;
  overflow: auto; */
  width: 100%;
  min-height: 1rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.s1,
.n1 {
  position: fixed;
  top: 0;
  z-index: 100;
  margin-bottom: 1rem;
}
.n1 {
  margin-top: 0.53rem;
}
</style>